<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->

<head>
    <title>404 (page not found)</title>
    
    <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

    <link rel="stylesheet" type="text/css" href="css/style.css" />


    <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css"/>
    <![endif]-->

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.quicksand.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.elastislide.js"></script>
    <script type="text/javascript" src="js/jquery.tweet.js"></script>
    <script type="text/javascript" src="js/smoothscroll.js"></script>
    <script type="text/javascript" src="js/jquery.ui.totop.js"></script>
    <script type="text/javascript" src="js/ajax-mail.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>

<!-- start: Top Menu -->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#"><i class="icon-cloud "></i> Misty</a>
            <div class="nav-collapse collapse">
                <ul class="nav pull-right">
                    <li><a href="./index.html">Home</a></li>
                    <li class="dropdown active">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="./about.html">
                            Features</a>
                        <ul class="dropdown-menu">
                            <li><a href="./about.html">About Us</a></li>
                            <li><a href="./services.html">Our Services</a></li>
                            <li><a href="./full-width.html">Full Width</a></li>
                            <li><a href="./font-icons.html">All Icons</a></li>
                            <li><a href="./price-table.html">Price Table</a></li>
                            <li><a href="./404.html">404 Page not found</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="./bs-scaffolding.html">
                            Bootstrap Styles</a>
                        <ul class="dropdown-menu">
                            <li><a href="./bs-scaffolding.html">Scaffolding</a></li>
                            <li><a href="./bs-base-css.html">Base CSS</a></li>
                            <li><a href="./bs-components.html">Components</a></li>
                            <li><a href="./bs-javascript.html">JavaScript</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="./portfolio.html">
                            Portfolio</a>
                        <ul class="dropdown-menu">
                            <li><a href="./portfolio.html">Portfolio</a></li>
                            <li><a href="./portfolio-single.html">Single Portfolio</a></li>
                            <li><a href="./portfolio-h2.html">Portfolio (animation 2)</a></li>
                            <li><a href="./portfolio-h3.html">Portfolio (animation 3)</a></li>
                            <li><a href="./portfolio-h4.html">Portfolio (animation 4)</a></li>
                            <li><a href="./portfolio-h5.html">Portfolio (animation 5)</a></li>
                            <li><a href="./portfolio-h6.html">Portfolio (animation 6)</a></li>
                            <li><a href="./portfolio-h7.html">Portfolio (animation 7)</a></li>
                            <li><a href="./portfolio-h8.html">Portfolio (animation 8)</a></li>
                            <li><a href="./portfolio-h9.html">Portfolio (animation 9)</a></li>
                            <li><a href="./portfolio-h10.html">Portfolio (animation 10)</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="./blog-sidebar-right.html">Blog</a>
                        <ul class="dropdown-menu">
                            <li><a href="./blog-sidebar-right.html">Blog</a></li>
                            <li><a href="./blog-single.html">Blog Single</a></li>
                        </ul>
                    </li>
                    <li><a href="./contact.html">Contacts</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- start: Top Menu -->

<!-- start: Container -->
<div class="container">

    <!-- start: Page header / Breadcrumbs -->
    <section class="breadcrumbs">
        <div class="page-header">
            <h1>404<small>/ (page not found)</small></h1>
        </div>
        <div class="breadcrumbs">
            You are here: <a href="#">Home</a><i class="icon-angle-right "></i>404 (page not found)
        </div>
    </section>
    <!-- end: Page header / Breadcrumbs -->

    <div class="row">

        <!-- start: Page section -->
        <section id="page-sidebar" class="span12">

            <div class="page-inner">
                <div class="hero-unit last pull-center">
                    <div class="row-fluid">
                        <h2>Uh oh! <br />404: Page not Found</h2>
                        <p>
                            Sorry, but the page you are looking for has not been found.<br />
                            Try checking the URL for errors, then hit the refresh button on your browser.
                        </p>
                        <div class="spacer"></div>

                        <p>search for something else</p>
                        <!-- start: Search widget -->
                        <section class="widget search">
                            <div class="wrapper clearfix">
                                <form id="search" class="input-append" />
                                    <input class="span12" id="appendedInputButton" type="text" placeholder="Search" />
                                    <input class="btn search-bt" type="submit" name="submit" value="" />
                                </form>
                            </div>
                        </section>
                        <!-- end: Search widget -->

                        <p>- or -</p>
                        <p><a class="btn btn-large btn-warning" href="./index.html">Go to Home Page</a></p>
                    </div>
                </div>
            </div>
            <!-- start: posts-->
            <!-- end: posts-->

        </section>
        <!-- end: Page section -->

    </div>

</div>
<!-- end: Container -->

<!-- start: Footer -->
<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="span4">
                <h3 class="widget-title">Address</h3>
                <div class="widget-inner">
                    <address>
                        <ul class="icons">
                            <li><i class="icon-map-marker"></i>Street Name 432/2, London, 90210</li>
                            <li><i class="icon-phone"></i>(123) 456-7890</li>
                            <li><i class="icon-print"></i>(123) 456-7890</li>
                            <li><i class="icon-envelope"></i><a href="mailto:#">info@email.com</a></li>
                        </ul>
                    </address>
                    <p><a href="./contact.html" class="btn btn-primary">Get in Touch</a></p>
                </div>
                <h3 class="widget-title">Follow Us</h3>
                <div class="widget-inner">
                    <ul class="social clearfix">
                        <li><a href="#" data-original-title="Facebook" data-placement="top" rel="tooltip">
                            <i class="icon-facebook-sign"></i>
                        </a></li>
                        <li><a href="#" data-original-title="Twitter" data-placement="top" rel="tooltip">
                            <i class="icon-twitter-sign"></i>
                        </a></li>
                        <li><a href="#" data-original-title="Linkedin" data-placement="top" rel="tooltip">
                            <i class="icon-linkedin-sign"></i>
                        </a></li>
                        <li><a href="#" data-original-title="Pinterest" data-placement="top" rel="tooltip">
                            <i class="icon-pinterest-sign"></i>
                        </a></li>
                        <li><a href="#" data-original-title="Google+" data-placement="top" rel="tooltip">
                            <i class="icon-google-plus-sign"></i>
                        </a></li>
                    </ul>
                </div>
            </div>
            <div class="span4">
                <h3 class="widget-title">About Us</h3>
                <div class="widget-inner">
                    <p>Ut eu nulla eget massa blandit eleifend vel sedis lacus. Sed at viverra nulla.
                        Fusce vel adipisci odio. Phasellus commodo, mauris eget pharetra scelerisque, est justo lacinia tortor.</p>
                </div>
                <h3 class="widget-title">Stay Updated</h3>
                <div class="widget-inner">
                    <p>Sign up for our newsletter. We won't share your email address.</p>
                    <form />
                        <div class="input-append">
                            <input type="email" name="email" class="span3" placeholder="Email Address" />
                            <button class="btn btn-primary">Sign Up</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="span4">
                <h3 class="widget-title">Latest Blog Posts</h3>
                <div class="widget-inner">
                    <ul class="icons lates-blog-post">
                        <li><i class="icon-chevron-right"></i><a href="#">Lorem ipsum dolor sit amet</a><br />Aliquam nunc erat, suscipit molestie interdum eget, molestie vel eros.</li>
                        <li><i class="icon-chevron-right"></i><a href="#">Quisque hendrerit nisl vitae magna </a><br />Aenean a sapien in magna luctus aliquet in eu purus. Sed venenatis luctus varius.</li>
                        <li><i class="icon-chevron-right"></i><a href="#">Aenean gravida tincidunt velit nec congue </a><br />Sed a rhoncus mi. Morbi eu elit sapien, eu adipiscing nisl. Duis in turpis et mi molestie bibendum eget eget mauris.</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- end: Footer -->

<!-- start: Footer menu-->
<section id="footer-menu">
    <div class="container">
        <div class="row">
            <div class="span4">
                <p class="copyright">&copy; Copyright 2012. Powered by <a href="http://dxthemes.com/">DX Themes</a>.</p>
            </div>
            <div class="span8 hidden-phone">
                <ul class="pull-right">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Service</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- end: Footer menu-->

</body>
</html>
